﻿{include file="common/head"/}
<body>
<div class="page" id="invite">
    <div class="content share">
        <header class="bar header-initial">
            <a class="external icon pull-left return-icon back" href="javascript:history.back(-1)" ><img src="/static/xigu/picture/return_gray.png" width="100%"></a>
        </header>
        <div class="code-content">
            <div class="logo-box">
                <img class="login-img" src="/static/xigu/picture/login_logo.png" />
            </div>
            <div class="content-box share-box">
                <div class="borderbox"></div>
                <div class="share-title"><span>社区建设</span></div>
                <div class="avatar">
                    <div class="avatar-img"><img src="/static/xigu/picture/login_logo.png" width="100%"></div>
                    <div class="avatar-text"></div>
                </div>
                <div class="share-text">将链接或邀请二维码海报发送给好友，通过链接或二维码注册即可加入西谷非遗文化社区</div>
                <div class="share-link">
                    <span render="link" class="address" style="color:#023293">
                        <input type="hidden" value="{$url}"  id="copy_msg_one">
                        {$url}

                    </span>
                </div>
             <!--   <button class="click-btn copy" id="copy_url_one" >复制链接邀请好友</button>-->
                <button  class="click-btn copy" id="copy_btn" data-clipboard-text="{$url}">复制链接邀请好友</button>
                <div class="borderbox"></div>
                <div class="share-title"><span>或者</span></div>
                <a class="external click-btn" href="{:url('erweima')}">生成海报邀请好友</a>
            </div>
        </div>
    </div>
    
</div>




<script type='text/javascript' src='/static/xigu/js/jquery-3.3.1.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/light7.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/light7-swiper.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/light7-swipeout.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/cn.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/layui.js' charset='utf-8'></script>
<script type='text/javascript' src='/static/xigu/js/basis.js' charset='utf-8'></script>
<script type="text/javascript" src="/static/xigu/js/clipboard.js"></script>
</body>
<script>
    $(document).ready(function(){
        var clipboard = new Clipboard('#copy_btn');
        clipboard.on('success', function(e) {
            //mui.toast('复制成功！');
            alert('复制成功');
            e.clearSelection();
        });
    });
</script>
</html>
